﻿@using Shp.Web.Controllers;

@{
    ViewBag.Title = "External";
    Layout = "~/Views/Shared/_Layout.ForMenu2.cshtml";
}

<div class="sf-menu-cntr-out menu-buffer-for-demo-only">
@Html.MvcContrib().Menu(settings => {
    settings.RootMenuItemsClass = "sf-root";
    settings.RootMenuContainerClass = "sf-menu";
}).Items(menu => {
    menu.Action<HomeController>(c => c.Index(), "Home", Url.Content("~/Content/ico/house.png"));
    menu.Link("Root Menu Item", null, Url.Content("~/Content/ico/application_home.png"))
        .Items(seItems => {
            seItems.Link("Menu Item", null, Url.Content("~/Content/ico/bin_closed.png"));
            seItems.Link("Menu Item", null, Url.Content("~/Content/ico/arrow_out.png"))
                .Items(aItems => {
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/book_key.png"));
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/building.png"));
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/bullet_green.png"));
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/basket.png"));
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/arrow_down.png"));
            });
            seItems.Link("Menu Item", null, Url.Content("~/Content/ico/brick_go.png"));
            seItems.Link("Menu Item", null, Url.Content("~/Content/ico/chart_curve_go.png"));
        }
    );
    menu.Link("Root Menu Item", null, Url.Content("~/Content/ico/application_key.png"));
    menu.Link("Root Menu Item", null, Url.Content("~/Content/ico/application_view_tile.png"))
        .Items(seItems => {
            seItems.Link("Menu Item", null, Url.Content("~/Content/ico/key_add.png"));
            seItems.Link("Menu Item", null, Url.Content("~/Content/ico/layout_edit.png"))
                .Items(aItems =>  {
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/monitor.png"));
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/note.png"));
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/package.png"));
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/page.png"));
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/pencil.png"));
                });
            seItems.Link("Menu Item", null, Url.Content("~/Content/ico/map.png"));
            seItems.Link("Menu Item", null, Url.Content("~/Content/ico/application_form.png"));
        }
    );
    menu.Link("Menu Item - No Icon");
    menu.Link("Root Menu Item", null, Url.Content("~/Content/ico/rss.png"))
        .Items(seItems => {
            seItems.Link("Menu Item", null, Url.Content("~/Content/ico/key_add.png"));
            seItems.Link("Menu Item", null, Url.Content("~/Content/ico/layout_edit.png"))
                .Items(aItems =>  {
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/monitor.png"));
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/note.png"));
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/package.png"));
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/page.png"));
                    aItems.Link("Menu Item", null, Url.Content("~/Content/ico/pencil.png"));
                });
            seItems.Link("Menu Item", null, Url.Content("~/Content/ico/map.png"));
            seItems.Link("Menu Item", null, Url.Content("~/Content/ico/application_form.png"));
        }
    );
    menu.Action<MenuController>(c => c.Index(), "Menu Home", Url.Content("~/Content/ico/application_home.png"));
})
</div>

<script type="text/javascript">
    $(function () {
        // animation options are necessary to avoid IE animation opacity bleeding - caused by IE filtering
        var animationOptions = ($.support.opacity) ? { opacity: 'show', height: 'show'} : { height: 'show' };
        $('ul.sf-menu').superfish({
            hoverClass: 'sfHover',
            delay: 250,
            animation: animationOptions,
            speed: 'fast',
            autoArrows: true,
            dropShadows: false,
            disableHI: true
        });
    });
</script>

@section Head{
    <link href="@Url.Content("~/Content/css/superfish.mc.icons.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/superfish.mc.light.css")" rel="stylesheet" type="text/css" />    
    <style type="text/css">            
         body {background: #fff;}      
         .sf-menu-cntr-out { padding-left: 20px; border: 1px solid #aaa; border-width: 1px 0;}
    </style>
}

@{   
    ViewBag.CodeViewType = Shp.Web.Models.GridCodeViewType.IconsOne;
}
@Html.Partial("_codeviewer")